/*引入公用css common.less*/
@font-face {
  /* font-properties */
  font-family: mrzt;
  src: url('../fonts/MRZT.OTF'), url('../fonts/MRZT.OTF'), url('../fonts/MRZT.OTF');
  /* IE9 */
}
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul,
div {
  margin: 0;
  padding: 0;
}
input {
  outline: none;
}
a {
  text-decoration: none;
  color: #333;
}
ul {
  list-style: none;
}
body {
  background: #fff;
  color: #333;
}
.zoom {
  height: auto;
  overflow: hidden;
  zoom: 1;
  margin: auto;
}
.boz {
  box-sizing: border-box;
}
.gt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gt2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.gt3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.gt4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.gt5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (min-width: 1280px) {
  .container {
    width: 1200px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
}
@media (min-width: 48px) and (max-width: 1279px) {
  .container {
    width: 96%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
}
@media (max-width: 479px) {
  .container {
    width: 98%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
}
.boz {
  box-sizing: border-box;
}
img {
  border: none;
}
.routine_w {
  width: 1200px;
  margin: auto;
}
.space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.space-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-wrap {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-1 {
  -webkit-box-ordinal-group: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;
  /* OLD - Firefox 19- */
  -ms-flex-order: 1;
  /* TWEENER - IE 10 */
  -webkit-order: 1;
  /* NEW - Chrome */
  order: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 其它取值如下：
	  align-items     主轴原点方向对齐
	  flex-end        主轴延伸方向对齐
	  space-between   等间距排列，首尾不留白
	  space-around    等间距排列，首尾留白
	 */
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.clearboth {
  clear: both;
}
.onefloor .floor-container{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.onefloor .floor-container .links{
  width: 290px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  transition: all ease-out .3s;
}
.onefloor .floor-container .links:hover{
  transform: translateY(-6px);
  box-shadow: 0 0 10px 4px #ebebeb;
}
.onefloor .floor-container .links h3{
  padding:16px 0;
  font-size:22px;
}
.onefloor .floor-container .links p{
  padding-bottom: 20px;
  color:#cd0102;
  font-size:30px;
}
.onefloor .floor-container .links img{
  display: block;
  width:190px;
  margin:0 auto;
}

.index-zs{
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.index-zs .zs-swiper{
  padding-top: 60px;
  padding-bottom: 40px;
}
.zs-swiper img{
  width: 100%;
}




















@media (min-width: 1200px) {
  .comheader {
    max-width: 1300px;
    margin: 0 auto;
    display:flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
  }
  .comheader .top {
    /* height: 120px; */
  }
  .comheader .left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 340px;
  }
  .comheader .top .logo {
    display: block;
    width: 190px;
    height: 100%;
    float: left;
  }
  .comheader .top .logo img {
    display: block;
    height: 110px;
  }
  .comheader .top .logo p {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 2px;
  }
  .comheader .top .txt {
    display: block;
    float: left;
    margin-left: 194px;
    margin-top: 49px;
  }
  .comheader .top .telimg {
    float: right;
    margin-top: 40px;
  }
  .comheader .down {
    height: 50px;
  }
  .comheader .down .pcnav {
    height: 100%;
    margin: auto;
    display: block;
  }
  .comheader .down .pcnav .oneli {
    /* width: 162px; */
    float: left;
    display: block;
    height: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .comheader .down .pcnav .oneli:hover .onea {
    color: #fff;
    background: #151122;

  }
  .comheader .down .pcnav .oneli:hover .twoul {
    display: block;
  }
  .comheader .down .pcnav .oneli:last-child {
    border-right: none;
  }
  .comheader .down .pcnav .oneli:last-child:hover .onea i {
    color: #fff;
  }
  .comheader .down .pcnav .oneli:last-child .onea i {
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #666666;
  }
  .comheader .down .pcnav .oneli .onea {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    font-size:14px
  }
  .comheader .down .pcnav .oneli .onea-act {
    color: #fff;
    background: #151122;
  }
  .comheader .down .pcnav .oneli .twoul {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    z-index: 11111;
    left: 0;
    top: 50px;
    display: none;
  }
  .comheader .down .pcnav .oneli .twoul .twoli {
    display: block;
    width: 100%;
    height: 36px;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #666;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa:hover {
    background: #151122;
    color: #fff;
  }
}
@media (min-width: 840px) and (max-width: 1199px) {
  .comheader {
    width: 100%;
    height: 150px;
    background: #fff;
  }
  .comheader .top {
    height: 100px;
  }
  .comheader .top .logo {
    display: block;
    width: 280px;
    height: 100%;
    float: left;
  }
  .comheader .top .logo img {
    display: block;
    width: 150px;
    margin: auto;
    margin-top: 16px;
  }
  .comheader .top .logo p {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 2px;
  }
  .comheader .top .txt {
    display: none;
    float: left;
    margin-left: 194px;
    margin-top: 49px;
  }
  .comheader .top .telimg {
    float: right;
    margin-top: 28px;
  }
  .comheader .down {
    width: 100%;
    height: 50px;
    background: #f5f5f5;
  }
  .comheader .down .pcnav {
    width: 98%;
    height: 100%;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .comheader .down .pcnav .oneli {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 100%;
    box-sizing: border-box;
    border-right: 1px dashed #bfbfbf;
    position: relative;
  }
  .comheader .down .pcnav .oneli:last-child {
    width: 66px;
    border-right: none;
    display: inline-block;
  }
  .comheader .down .pcnav .oneli:last-child .onea i {
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #666666;
  }
  .comheader .down .pcnav .oneli .onea {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
  }
  .comheader .down .pcnav .oneli .onea-act {
    color: #fff;
    background: rgb(21, 17, 34);
  }
  .comheader .down .pcnav .oneli .twoul {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    z-index: 11111;
    left: 0;
    top: 50px;
    display: none;
  }
  .comheader .down .pcnav .oneli .twoul .twoli {
    display: block;
    width: 100%;
    height: 36px;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #666;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa:hover {
    background: #e5efff;
    color: #0060ff;
  }
}
@media (min-width: 580px) and (max-width: 839px) {
  .comheader {
    width: 100%;
    height: 122px;
    background: #fff;
  }
  .comheader .top {
    height: 82px;
  }
  .comheader .top .logo {
    display: block;
    width: 240px;
    height: 100%;
    margin: auto;
  }
  .comheader .top .logo img {
    display: block;
    width: 130px;
    margin: auto;
    margin-top: 12px;
  }
  .comheader .top .logo p {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-top: 2px;
  }
  .comheader .top .txt {
    display: none;
    float: left;
    margin-left: 194px;
    margin-top: 49px;
  }
  .comheader .top .telimg {
    float: right;
    margin-top: 28px;
    display: none;
  }
  .comheader .down {
    width: 100%;
    height: 40px;
    background: #f5f5f5;
  }
  .comheader .down .pcnav {
    width: 98%;
    height: 100%;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .comheader .down .pcnav .oneli {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 100%;
    box-sizing: border-box;
    border-right: 1px dashed #bfbfbf;
    position: relative;
  }
  .comheader .down .pcnav .oneli:last-child {
    width: 66px;
    border-right: none;
    display: inline-block;
  }
  .comheader .down .pcnav .oneli:last-child .onea i {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #666666;
  }
  .comheader .down .pcnav .oneli .onea {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
  }
  .comheader .down .pcnav .oneli .onea-act {
    color: #fff;
    background: rgb(21, 17, 34);
  }
  .comheader .down .pcnav .oneli .twoul {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    z-index: 11111;
    left: 0;
    top: 50px;
    display: none;
  }
  .comheader .down .pcnav .oneli .twoul .twoli {
    display: block;
    width: 100%;
    height: 36px;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #666;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa:hover {
    background: #e5efff;
    color: #0060ff;
  }
}
.m-img{display: none !important;}

@media (max-width: 579px) {
  .p-img{display: none !important;width: 100%;}
  .m-img{display: block !important;width: 100%;}
  .comheader {
    width: 100%;
    background: #fff;
  }
  
  .comheader .top .logo {
    display: block;
    width: 180px;
    height: 100%;
    margin: auto;
    padding:10px 0;
  }
  .comheader .top .logo img {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 12px;
  }
  .comheader .top .logo p {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-top: 2px;
  }
  .comheader .top .txt {
    display: none;
    float: left;
    margin-left: 194px;
    margin-top: 49px;
  }
  .comheader .top .telimg {
    float: right;
    margin-top: 28px;
    display: none;
  }
  .comheader .left{
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .comheader .down {
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    padding: 4px 0;
  }
  .comheader .down .pcnav {
    width: 98%;
    height: 100%;
    margin: auto;
  }
  .comheader .down .pcnav .oneli {
    width: 25%;
    height: 36px;
    box-sizing: border-box;
    float: left;
    position: relative;
    border-right: none;
    border-bottom: none;
  }
  
  .comheader .down .pcnav .oneli:last-child .onea i {
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #666666;
  }
  .comheader .down .pcnav .oneli .onea {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
  }
  .comheader .down .pcnav .oneli .onea-act {
    color: #fff;
    background: rgb(21, 17, 34);
  }
  .comheader .down .pcnav .oneli .twoul {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    z-index: 11111;
    left: 0;
    top: 50px;
    display: none;
  }
  .comheader .down .pcnav .oneli .twoul .twoli {
    display: block;
    width: 100%;
    height: 36px;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #666;
  }
  .comheader .down .pcnav .oneli .twoul .twoli .twoa:hover {
    background: #e5efff;
    color: #0060ff;
  }
  .comheader .down-act {
    position: fixed;
    z-index: 11111;
    left: 0;
    top: 0;
    box-shadow: 0px 2px 20px 0px #9e9e9e;
  }
}
@media (min-width: 1050px) {
  .comfooter {
    width: 100%;
    height: 296px;
    background: #151122;
    color: #fff;
  }
  .comfooter .top {
    padding: 24px 0;
    border-bottom: 1px solid #d2d2d2;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .comfooter .top .item {
    width: 350px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: block;
    color: #fff;
  }
  .comfooter .top .item .ic {
    font-size: 56px;
    float: left;
    display: block;
  }
  .comfooter .top .item .item-right {
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px);
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    float: right;
  }
  .comfooter .top .item .item-right .p1 {
    font-size: 14px;
  }
  .comfooter .top .item .item-right .p1 span {
    font-size: 12px;
  }
  .comfooter .top .item .item-right .p2 {
    font-size: 18px;
    padding-top: 4px;
  }
  .comfooter .down {
    margin-top: 20px;
  }
  .comfooter .down .down-left {
    display: table;
    float: left;
  }
  .comfooter .down .down-left .nav {
    display: table;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
  }
  .comfooter .down .down-left .nav span {
    padding: 0 12px;
  }
  .comfooter .down .down-left .nav a {
    color: #fff;
  }
  .comfooter .down .down-left .p2 {
    font-size: 14px;
    padding-top: 12px;
  }
  .comfooter .down .down-left .p2 a {
    color: #fff;
  }
  .comfooter .down .down-left .p2 a:hover {
    color: #257abb;
  }
  .comfooter .down .down-right {
    display: table;
    float: right;
    margin-right: 26px;
  }
  .comfooter .down .down-right .item {
    width: 100px;
    float: right;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-right: 16px;
    text-align: center;
  }
  .comfooter .down .down-right .item img {
    display: block;
    width: 100%;
  }
  .comfooter .down .down-right .item p {
    font-size: 14px;
    padding-top: 4px;
  }
}
@media (max-width: 1049px) {
  .comfooter {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #151122;
    color: #fff;
  }
  .comfooter .top {
    padding: 24px 0;
    border-bottom: 1px solid #d2d2d2;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    display: none;
  }
  .comfooter .top .item {
    width: 350px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: block;
    color: #fff;
  }
  .comfooter .top .item .ic {
    font-size: 56px;
    float: left;
    display: block;
  }
  .comfooter .top .item .item-right {
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px);
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    float: right;
  }
  .comfooter .top .item .item-right .p1 {
    font-size: 14px;
  }
  .comfooter .top .item .item-right .p1 span {
    font-size: 12px;
  }
  .comfooter .top .item .item-right .p2 {
    font-size: 18px;
    padding-top: 4px;
  }
  .comfooter .down {
    padding: 0 0px 10px;
  }
  .comfooter .down .down-left {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .comfooter .down .down-left .nav {
    display: none;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
  }
  .comfooter .down .down-left .nav span {
    padding: 0 12px;
  }
  .comfooter .down .down-left .nav a {
    color: #fff;
  }
  .comfooter .down .down-left .p2 {
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
  }
  .comfooter .down .down-left .p2 a {
    color: #fff;
  }
  .comfooter .down .down-left .p2 a:hover {
    color: #257abb;
  }
  .comfooter .down .down-right {
    display: table;
    margin: 20px auto;
  }
  .comfooter .down .down-right .item {
    width: 100px;
    float: right;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    text-align: center;
  }

  .comfooter .down .down-right .item:nth-child(2) {
    display: none;
  }
  .comfooter .down .down-right .item img {
    display: block;
    width: 100%;
  }
  .comfooter .down .down-right .item p {
    font-size: 14px;
    padding-top: 4px;
  }
}
@media (min-width: 1200px) {
  .combanner {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    position: relative;
  }
  .combanner img {
    display: block;
    width: 100%;
  }
  .combanner .crumbs {
    width: 1200px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .combanner .crumbs i {
    display: block;
    float: left;
    line-height: 50px;
    font-size: 24px;
    margin: 0 6px 0 9px;
    color: #666;
  }
  .combanner .crumbs p {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #333;
  }
  .combanner .crumbs p a {
    color: #333;
  }
  .combanner .crumbs p a:last-child {
    color: #0060ff;
  }
}
@media (max-width: 1199px) {
  .combanner {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    position: relative;
  }
  .combanner img {
    display: block;
    width: 100%;
  }
  .combanner .crumbs {
    width: 1200px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    display: none;
  }
  .combanner .crumbs i {
    display: block;
    float: left;
    line-height: 50px;
    font-size: 24px;
    margin: 0 6px 0 9px;
    color: #666;
  }
  .combanner .crumbs p {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #333;
  }
  .combanner .crumbs p a {
    color: #333;
  }
  .combanner .crumbs p a:last-child {
    color: #0060ff;
  }
}
.comcrumbs {
  width: 100%;
  height: 60px;
  background: #ededed;
  line-height: 60px;
}
.comcrumbs i {
  display: block;
  color: #f78614;
  float: left;
  font-size: 28px;
}
.comcrumbs p {
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 4px;
  line-height: 68px;
}
.comcrumbs p a {
  color: #666;
}
.comcrumbs p a:last-child {
  color: #053046;
}
@media (min-width: 680px) {
  .compage {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin: 20px auto 40px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
  }
  .compage .list {
    display: block;
    margin: 0px 5px;
    border: 1px solid #b5b5b5;
    height: 28px;
    line-height: 28px;
  }
  .compage .list p {
    font-size: 14px;
    color: #999;
    padding: 0 10px;
  }
  .compage .list:hover {
    background: #b71f22;
    border-color: #b71f22;
  }
  .compage .list:hover p {
    color: #fff;
  }
  .compage .list-act {
    background: #b71f22;
    border-color: #b71f22;
  }
  .compage .list-act p {
    color: #fff;
  }
}
@media (max-width: 679px) {
  .compage {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin: 12px auto 24px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
  }
  .compage .list {
    display: block;
    margin: 0px 4px;
    border: 1px solid #b5b5b5;
    height: 24px;
    line-height: 24px;
  }
  .compage .list p {
    font-size: 13px;
    color: #999;
    padding: 0 6px;
  }
  .compage .list:hover {
    background: #b71f22;
    border-color: #b71f22;
  }
  .compage .list:hover p {
    color: #fff;
  }
  .compage .list-act {
    background: #b71f22;
    border-color: #b71f22;
  }
  .compage .list-act p {
    color: #fff;
  }
}
/* @media (min-width: 1230px) {
  .threenav {
    margin: 26px auto 16px;
  }
  .threenav .list {
    display: block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #b3b3b3;
  }
  .threenav .list:hover {
    background: #b71f22;
  }
  .threenav .list p {
    line-height: 50px;
    padding: 0 14px;
    color: #ffffff;
    font-size: 16px;
  }
  .threenav .list p i {
    font-size: 12px;
    color: #ffffff;
    padding: 0 8px;
  }
  .threenav .list-act {
    background: #b71f22;
  }
} */
@media (max-width: 1229px) {
  .threenav {
    margin: 10px 0;
  }
  .threenav .list {
    display: block;
    float: left;
    background: #b3b3b3;
    margin: 10px 0;
    margin-right: 4px;
    padding: 0 14px;
  }
  .threenav .list:hover {
    background: #b71f22;
  }
  .threenav .list p {
    line-height: 26px;
    padding: 0 4px;
    color: #ffffff;
    font-size: 14px;
  }
  .threenav .list p i {
    font-size: 10px;
    color: #ffffff;
    padding: 0;
  }
  .threenav .list-act {
    background: #b71f22;
  }
}
@media (min-width: 640px) {
  .com-page1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 14px;
  }
  .com-page1 .item {
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    line-height: 30px;
  }
  .com-page1 .item:hover a {
    color: #df4544;
  }
  .com-page1 .item a {
    color: #333;
  }
}
@media (max-width: 639px) {
  .com-page1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 10px;
  }
  .com-page1 .item {
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    line-height: 30px;
  }
  .com-page1 .item:hover a {
    color: #df4544;
  }
  .com-page1 .item a {
    color: #333;
  }
}
@media (min-width: 640px) {
  .xzsc {
    width: 100%;
    height: 44px;
    display: none;
  }
  .xzdown {
    display: none;
    width: 100%;
    height: 42px;
    background: #ff9c59;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
  }
  .xzdown .item {
    display: block;
    width: 50%;
    float: left;
    height: 100%;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
  }
  .xzdown .blue {
    background: #0060ff;
  }
}
@media (max-width: 639px) {
  .xzsc {
    width: 100%;
    height: 44px;
  }
  .xzdown {
    width: 100%;
    height: 42px;
    background: #ff9c59;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
  }
  .xzdown .item {
    display: block;
    width: 50%;
    float: right;
    height: 100%;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
  }
  .xzdown .blue {
    background: #0060ff;
  }
}
@keyframes upin {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.06);
  }
}
@keyframes fontdance46 {
  0% {
    line-height: 46px;
  }
  25% {
    line-height: 24px;
  }
  50% {
    line-height: 46px;
  }
  75% {
    line-height: 34px;
  }
  100% {
    line-height: 46px;
  }
}
@keyframes fontdance32 {
  0% {
    line-height: 32px;
  }
  25% {
    line-height: 20px;
  }
  50% {
    line-height: 32px;
  }
  75% {
    line-height: 28px;
  }
  100% {
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .index-banner {
    width: 100%;
    overflow: hidden;
    height: 526px;
    position: relative;
  }
  .index-banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .index-banner .swiper-container .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
  }
  .index-banner .swiper-container .swiper-slide-active{
    transform: scale(1.2);
    transition: all linear 5s;
  }
  .index-banner .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #151122;
  }
  .index-banner .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-banner .swiper-container .swiper-slide img {
    display: block;
    width: 100%;
  }
  .index-banner .swiper-container .swiper-slide-on img {
    animation: upin 6s ease-in;
  }
  .index-banner .banner-bg {
    width: 100%;
    height: 106px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 9999;
    background: url("../images/banner-bg.png");
    background-position: center center;
    background-size: 100% 100%;
  }
  .index-banner .banner-bg .cont {
    display: table;
    margin: auto;
    height: 100%;
  }
  .index-banner .banner-bg .cont a {
    display: block;
    height: 44px;
    float: left;
    margin-top: 31px;
    background: #f78614;
    color: #fff;
    line-height: 44px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 16px;
  }
  .index-banner .banner-bg .cont .a:hover p {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .a p {
    padding: 0 26px;
  }
  .index-banner .banner-bg .cont .aa {
    background: #053046;
  }
  .index-banner .banner-bg .cont .aa:hover {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .aa i {
    display: block;
    float: left;
    padding-left: 26px;
    font-size: 24px;
  }
  .index-banner .banner-bg .cont .aa p {
    float: left;
    padding-right: 26px;
    padding-left: 6px;
  }
}
@media (min-width: 800px) and (max-width: 1199px) {
  .index-banner {
    width: 100%;
    overflow: hidden;
    height: 310px;
    position: relative;
  }
  .index-banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .index-banner .swiper-container .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
  }
  .index-banner .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f78614;
  }
  .index-banner .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-banner .swiper-container .swiper-slide img {
    display: block;
    transform: scale(1);
    vertical-align: middle;
    width: 140%;
  }
  .index-banner .swiper-container .swiper-slide-on img {
    animation: upin 6s ease-in;
  }
  .index-banner .banner-bg {
    width: 100%;
    height: 106px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 9999;
    background: url("../images/banner-bg.png");
    background-position: center center;
    background-size: 100% 100%;
  }
  .index-banner .banner-bg .cont {
    display: table;
    margin: auto;
    height: 100%;
  }
  .index-banner .banner-bg .cont a {
    display: block;
    height: 44px;
    float: left;
    margin-top: 31px;
    background: #f78614;
    color: #fff;
    line-height: 44px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 16px;
  }
  .index-banner .banner-bg .cont .a:hover p {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .a p {
    padding: 0 26px;
  }
  .index-banner .banner-bg .cont .aa {
    background: #053046;
  }
  .index-banner .banner-bg .cont .aa:hover {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .aa i {
    display: block;
    float: left;
    padding-left: 26px;
    font-size: 24px;
  }
  .index-banner .banner-bg .cont .aa p {
    float: left;
    padding-right: 26px;
    padding-left: 6px;
  }
}
@media (min-width: 460px) and (max-width: 799px) {
  .index-banner {
    width: 100%;
    overflow: hidden;
    height: 200px;
    position: relative;
  }
  .index-banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .index-banner .swiper-container .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
  }
  .index-banner .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f78614;
  }
  .index-banner .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-banner .swiper-container .swiper-slide img {
    display: block;
    transform: scale(1);
    vertical-align: middle;
    width: 160%;
  }
  .index-banner .swiper-container .swiper-slide-on img {
    animation: upin 6s ease-in;
  }
  .index-banner .banner-bg {
    width: 100%;
    height: 106px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 9999;
    background: url("../images/banner-bg.png");
    background-position: center center;
    background-size: 100% 100%;
  }
  .index-banner .banner-bg .cont {
    display: table;
    margin: auto;
    height: 100%;
  }
  .index-banner .banner-bg .cont a {
    display: block;
    height: 44px;
    float: left;
    margin-top: 31px;
    background: #f78614;
    color: #fff;
    line-height: 44px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 16px;
  }
  .index-banner .banner-bg .cont .a:hover p {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .a p {
    padding: 0 26px;
  }
  .index-banner .banner-bg .cont .aa {
    background: #053046;
  }
  .index-banner .banner-bg .cont .aa:hover {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .aa i {
    display: block;
    float: left;
    padding-left: 26px;
    font-size: 24px;
  }
  .index-banner .banner-bg .cont .aa p {
    float: left;
    padding-right: 26px;
    padding-left: 6px;
  }
}
@media (max-width: 459px) {
  .index-banner {
    width: 100%;
    overflow: hidden;
    height: 140px;
    position: relative;
  }
  .index-banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .index-banner .swiper-container .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 6px;
    height: 6px;
  }
  .index-banner .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f78614;
  }
  .index-banner .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* .index-banner .swiper-container .swiper-slide img {
    display: block;
    transform: scale(1);
    vertical-align: middle;
    width: 160%;
  } */
  .index-banner .swiper-container .swiper-slide-on img {
    animation: upin 6s ease-in;
  }
  .index-banner .banner-bg {
    width: 100%;
    height: 106px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 9999;
    background: url("../images/banner-bg.png");
    background-position: center center;
    background-size: 100% 100%;
  }
  .index-banner .banner-bg .cont {
    display: table;
    margin: auto;
    height: 100%;
  }
  .index-banner .banner-bg .cont a {
    display: block;
    height: 44px;
    float: left;
    margin-top: 31px;
    background: #f78614;
    color: #fff;
    line-height: 44px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 16px;
  }
  .index-banner .banner-bg .cont .a:hover p {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .a p {
    padding: 0 26px;
  }
  .index-banner .banner-bg .cont .aa {
    background: #053046;
  }
  .index-banner .banner-bg .cont .aa:hover {
    animation: fontdance44 0.6s ease-in;
  }
  .index-banner .banner-bg .cont .aa i {
    display: block;
    float: left;
    padding-left: 26px;
    font-size: 24px;
  }
  .index-banner .banner-bg .cont .aa p {
    float: left;
    padding-right: 26px;
    padding-left: 6px;
  }
}
@media (min-width: 1230px) {
  .onefloor {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 36px 0;
  }
  .onefloor .floor-container {
    width: 1200px;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .onefloor .floor-container .list {
    display: block;
    width: 290px;
    height: 360px;
    position: relative;
  }
  .onefloor .floor-container .list:nth-child(2) .cont {
    background: #fff9e8;
  }
  .onefloor .floor-container .list:nth-child(3) .cont {
    background: #d9ffdb;
  }
  .onefloor .floor-container .list:nth-child(4) .cont {
    background: #e8e9ff;
  }
  .onefloor .floor-container .list .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d9feff;
    transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    /* Firefox 4 */
    -webkit-transition: all 0.6s ease-in;
    /* Safari and Chrome */
    -o-transition: all 0.6s ease-in;
    /* Opera */
  }
  .onefloor .floor-container .list .cont:hover {
    top: -16px;
    box-shadow: darkgrey 14px 2px 40px -2px;
  }
  .onefloor .floor-container .list .cont p {
    padding: 0 20px;
    text-align: center;
  }
  .onefloor .floor-container .list .cont .p1 {
    font-size: 26px;
    color: #333333;
    padding-top: 36px;
  }
  .onefloor .floor-container .list .cont .p2 {
    font-size: 16px;
    color: #333;
    padding-top: 18px;
  }
  .onefloor .floor-container .list .cont .p3 {
    font-size: 18px;
    color: #b71f22;
    padding-top: 20px;
    line-height: 46px;
  }
  .onefloor .floor-container .list .cont .p3 span {
    font-weight: bold;
    font-size: 22px;
  }
  .onefloor .floor-container .list .cont img {
    display: block;
    margin: 10px auto;
  }
}
@media (min-width: 760px) and (max-width: 1229px) {
  .onefloor {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 22px 0;
  }
  .onefloor .floor-container {
    width: 96%;
    height: 300px;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .onefloor .floor-container .list {
    display: block;
    width: 23.5%;
    height: 300px;
    position: relative;
  }
  .onefloor .floor-container .list:nth-child(2) .cont {
    background: #fff9e8;
  }
  .onefloor .floor-container .list:nth-child(3) .cont {
    background: #d9ffdb;
  }
  .onefloor .floor-container .list:nth-child(4) .cont {
    background: #e8e9ff;
  }
  .onefloor .floor-container .list .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d9feff;
    transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    /* Firefox 4 */
    -webkit-transition: all 0.6s ease-in;
    /* Safari and Chrome */
    -o-transition: all 0.6s ease-in;
    /* Opera */
  }
  .onefloor .floor-container .list .cont p {
    padding: 0 10px;
    text-align: center;
  }
  .onefloor .floor-container .list .cont .p1 {
    font-size: 20px;
    color: #333333;
    padding-top: 26px;
  }
  .onefloor .floor-container .list .cont .p2 {
    font-size: 14px;
    color: #333;
    padding-top: 12px;
  }
  .onefloor .floor-container .list .cont .p3 {
    font-size: 16px;
    color: #b71f22;
    padding-top: 10px;
    line-height: 36px;
  }
  .onefloor .floor-container .list .cont .p3 span {
    font-weight: bold;
    font-size: 20px;
  }
  .onefloor .floor-container .list .cont img {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
@media (min-width: 560px) and (max-width: 759px) {
  .onefloor {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 22px 0;
  }
  .onefloor .floor-container {
    width: 98%;
    height: 270px;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .onefloor .floor-container .list {
    display: block;
    width: 24%;
    height: 270px;
    position: relative;
  }
  .onefloor .floor-container .list:nth-child(2) .cont {
    background: #fff9e8;
  }
  .onefloor .floor-container .list:nth-child(3) .cont {
    background: #d9ffdb;
  }
  .onefloor .floor-container .list:nth-child(4) .cont {
    background: #e8e9ff;
  }
  .onefloor .floor-container .list .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d9feff;
    transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    /* Firefox 4 */
    -webkit-transition: all 0.6s ease-in;
    /* Safari and Chrome */
    -o-transition: all 0.6s ease-in;
    /* Opera */
  }
  .onefloor .floor-container .list .cont p {
    padding: 0 10px;
    text-align: center;
  }
  .onefloor .floor-container .list .cont .p1 {
    font-size: 18px;
    color: #333333;
    padding-top: 16px;
  }
  .onefloor .floor-container .list .cont .p2 {
    font-size: 13px;
    color: #333;
    padding-top: 10px;
  }
  .onefloor .floor-container .list .cont .p3 {
    font-size: 15px;
    color: #b71f22;
    padding-top: 8px;
    line-height: 32px;
  }
  .onefloor .floor-container .list .cont .p3 span {
    font-weight: bold;
    font-size: 18px;
  }
  .onefloor .floor-container .list .cont img {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
@media (max-width: 559px) {
  .onefloor {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 16px 0 6px;
  }
  .onefloor .floor-container {
    width: 98%;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .onefloor .floor-container .list {
    display: block;
    width: 49%;
    height: 210px;
    position: relative;
    margin-bottom: 10px;
  }
  .onefloor .floor-container .list:nth-child(2) .cont {
    background: #fff9e8;
  }
  .onefloor .floor-container .list:nth-child(3) .cont {
    background: #d9ffdb;
  }
  .onefloor .floor-container .list:nth-child(4) .cont {
    background: #e8e9ff;
  }
  .onefloor .floor-container .list .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d9feff;
    transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    /* Firefox 4 */
    -webkit-transition: all 0.6s ease-in;
    /* Safari and Chrome */
    -o-transition: all 0.6s ease-in;
    /* Opera */
  }
  .onefloor .floor-container .list .cont p {
    padding: 0 10px;
    text-align: center;
  }
  .onefloor .floor-container .list .cont .p1 {
    font-size: 18px;
    color: #333333;
    padding-top: 16px;
  }
  .onefloor .floor-container .list .cont .p2 {
    font-size: 13px;
    color: #333;
    padding-top: 10px;
  }
  .onefloor .floor-container .list .cont .p3 {
    font-size: 15px;
    color: #b71f22;
    padding-top: 8px;
    line-height: 32px;
  }
  .onefloor .floor-container .list .cont .p3 span {
    font-weight: bold;
    font-size: 18px;
  }
  .onefloor .floor-container .list .cont img {
    display: block;
    margin: auto;
    max-width: 50%;
  }
}
@media (min-width: 1230px) {
  .twofloor {
    padding: 30px 0 20px;
    background-size: cover;
    background-position: center center;
    background-color: #ebebeb;
  }
  .twofloor .itembox {
    width: 1200px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .twofloor .itembox .item {
    width: 588px;
    background: #fff;
    margin-bottom: 30px;
  }
  .twofloor .itembox .item .img {
    width: 100%;
    height: 180px;
    position: relative;
    
  }
  .twofloor .itembox .item .img::after{
    content:'';
    position: absolute;
    top:0;
    left:50%;
    width:0;
    height:4px;
    background-color: #fff;
    transition: width ease-out .3s;
    transform: translateX(-50%);
  }
  .twofloor .itembox .item:hover .img::after{
    width:100%;
  }
  .twofloor .itembox .item .img .cont {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .twofloor .itembox .item .img .cont .box {
    padding: 30px;
  }
  .twofloor .itembox .item .img .cont .box .p1 {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  .twofloor .itembox .item .img .cont .box .p1::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 40px;
    height: 2px;
    background-color: #cf2e33;
  }
  .twofloor .itembox .item .img .cont .box .p2 {
    font-size: 16px;
    color: #cccccc;
  }
  .twofloor .itembox .item .listbox {
    padding: 8px 30px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .twofloor .itembox .item .listbox .big h3{
    font-size: 22px;
    color: #214ea0;
  }
  .twofloor .itembox .item .listbox .big p{
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-top: 10px;
  }
  .twofloor .itembox .item .listbox .list {
    display: block;
    width: 100%;
    height: 46px;
    border-bottom: 1px dashed #cccccc;
    line-height: 46px;
  }
  .twofloor .itembox .item .listbox .list .more {
    float: right;
    color: #0060ff;
    font-size: 14px;
    line-height: 52px;
  }
  .twofloor .itembox .item .listbox .list:hover .list-left {
    color: #0060ff;
  }
  .twofloor .itembox .item .listbox .list:last-child {
    border-bottom: none;
  }
  .twofloor .itembox .item .listbox .list .list-left {
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    width: calc(100% - 96px);
    font-size: 16px;
    color: #4c4c4c;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .twofloor .itembox .item .listbox .list .date {
    font-size: 14px;
    color: #808080;
    float: right;
  }
}
@media (min-width: 760px) and (max-width: 1229px) {
  .twofloor {
    padding: 20px 0 10px;
    background: url(../images/bigbg.jpg);
    background-size: cover;
    background-position: center center;
  }
  .twofloor .itembox {
    width: 96%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .twofloor .itembox .item {
    width: 49%;
    height: 480px;
    background: #fff;
    margin-bottom: 30px;
  }
  .twofloor .itembox .item .img {
    width: 100%;
    height: 180px;
    position: relative;
  }
  .twofloor .itembox .item .img .cont {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: relative;
  }
  .twofloor .itembox .item .img .cont .box {
    width: 240px;
    height: 84px;
    background: url();
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    top: 50%;
    margin-top: -42px;
  }
  .twofloor .itembox .item .img .cont .box .p1 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
  }
  .twofloor .itembox .item .img .cont .box .p2 {
    font-size: 16px;
    color: #cccccc;
  }
  .twofloor .itembox .item .listbox {
    padding: 8px 30px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .twofloor .itembox .item .listbox .list {
    display: block;
    width: 100%;
    height: 46px;
    border-bottom: 1px dashed #cccccc;
    line-height: 46px;
  }
  .twofloor .itembox .item .listbox .list .more {
    float: right;
    color: #0060ff;
    font-size: 14px;
    line-height: 52px;
  }
  .twofloor .itembox .item .listbox .list:hover .list-left {
    color: #0060ff;
  }
  .twofloor .itembox .item .listbox .list:last-child {
    border-bottom: none;
  }
  .twofloor .itembox .item .listbox .list .list-left {
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    width: calc(100% - 96px);
    font-size: 16px;
    color: #4c4c4c;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .twofloor .itembox .item .listbox .list .date {
    font-size: 14px;
    color: #808080;
    float: right;
  }
}
@media (min-width: 520px) and (max-width: 759px) {
  .index-zs{
    width: 100%;
  }
  .twofloor {
    padding: 20px 0 10px;
    background: url(../images/bigbg.jpg);
    background-size: cover;
    background-position: center center;
  }
  .twofloor .itembox {
    width: 98%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .twofloor .itembox .item {
    width: 49%;
    height: 360px;
    background: #fff;
    margin-bottom: 20px;
  }
  .twofloor .itembox .item .img {
    width: 100%;
    height: 100px;
    position: relative;
  }
  .twofloor .itembox .item .img .cont {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: relative;
  }
  .twofloor .itembox .item .img .cont .box {
    width: 160px;
    height: 54px;
    background: url();
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 50%;
    margin-top: -27px;
  }
  .twofloor .itembox .item .img .cont .box .p1 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding-top: 6px;
  }
  .twofloor .itembox .item .img .cont .box .p2 {
    font-size: 14px;
    color: #cccccc;
  }
  .twofloor .itembox .item .listbox {
    padding: 4px 6px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .twofloor .itembox .item .listbox .list {
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #cccccc;
    line-height: 40px;
  }
  .twofloor .itembox .item .listbox .list .more {
    float: right;
    color: #0060ff;
    font-size: 14px;
    line-height: 52px;
  }
  .twofloor .itembox .item .listbox .list:hover .list-left {
    color: #0060ff;
  }
  .twofloor .itembox .item .listbox .list:last-child {
    border-bottom: none;
  }
  .twofloor .itembox .item .listbox .list .list-left {
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
    font-size: 14px;
    color: #4c4c4c;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .twofloor .itembox .item .listbox .list .date {
    font-size: 12px;
    color: #808080;
    float: right;
  }
}
@media (max-width: 519px) {
  .index-zs{
    width: 100%;
  }
  .twofloor {
    padding: 20px 0 10px;
    background: url(../images/bigbg.jpg);
    background-size: cover;
    background-position: center center;
  }
  .twofloor .itembox {
    width: 98%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .twofloor .itembox .item {
    width: 100%;
    height: 360px;
    background: #fff;
    margin-bottom: 20px;
  }
  .twofloor .itembox .item .img {
    width: 100%;
    height: 100px;
    position: relative;
  }
  .twofloor .itembox .item .img .cont {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: relative;
  }
  .twofloor .itembox .item .img .cont .box {
    width: 160px;
    height: 54px;
    background: url();
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 50%;
    margin-top: -27px;
  }
  .twofloor .itembox .item .img .cont .box .p1 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding-top: 6px;
  }
  .twofloor .itembox .item .img .cont .box .p2 {
    font-size: 14px;
    color: #cccccc;
  }
  .twofloor .itembox .item .listbox {
    padding: 4px 6px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .twofloor .itembox .item .listbox .list {
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #cccccc;
    line-height: 40px;
  }
  .twofloor .itembox .item .listbox .list .more {
    float: right;
    color: #0060ff;
    font-size: 14px;
    line-height: 52px;
  }
  .twofloor .itembox .item .listbox .list:hover .list-left {
    color: #0060ff;
  }
  .twofloor .itembox .item .listbox .list:last-child {
    border-bottom: none;
  }
  .twofloor .itembox .item .listbox .list .list-left {
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
    font-size: 14px;
    color: #4c4c4c;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .twofloor .itembox .item .listbox .list .date {
    font-size: 12px;
    color: #808080;
    float: right;
  }


}
@media (min-width: 840px) {
  .threefloor {
    padding: 54px 0 60px;
    /* background: url(../images/bigbg1.jpg); */
    background-size: cover;
    background-position: center center;
  }
  .threefloor .comtitlebox {
    text-align: left;
  }
  .threefloor .comtitlebox .box {
    left: 0;
    margin-left: 0;
  }
  .threefloor .leftimg {
    display: block;
    float: left;
    width: 390px;
    margin-top: 10px;
  }
  .threefloor .rightbox {
    width: -webkit-calc(100% - 426px);
    width: -moz-calc(100% - 426px);
    width: calc(100% - 426px);
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    float: right;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
  }
}
@media (max-width: 839px) {
  .threefloor {
    padding: 24px 0 30px;
    background: url(../images/bigbg1.jpg);
    background-size: cover;
    background-position: center center;
  }
  .threefloor .comtitlebox {
    text-align: left;
  }
  .threefloor .comtitlebox .box {
    left: 0;
    margin-left: 0;
  }
  .threefloor .leftimg {
    display: block;
    float: left;
    width: 100%;
  }
  .threefloor .rightbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
    padding:0 6px;
    box-sizing: border-box;
  }
}
@media (min-width: 860px) {
  .comtitlebox {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    color: #d4d4d4;
    font-size: 80px;
    font-weight: bold;
    line-height: 98px;
    position: relative;
    text-align: center;
  }
  .comtitlebox .box {
    width: fit-content;
    margin: 0 auto;
    height: 30px;
    z-index: 1;
    text-align: center;
    line-height: 30px;
    color: #343434;
    font-size: 16px;
    font-weight: normal;
    font-size: 30px;

  }
}
@media (max-width: 859px) {
  .index-zs .zs-swiper{
    padding-top: 0;
  }
  .index-zs{
    padding-bottom:0;
  }
  .comtitlebox {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    color: #d4d4d4;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
  }
  .comtitlebox .box {
    width: fit-content;
    height: 24px;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    line-height: 24px;
    color: #343434;
    font-size: 18px;
    font-weight: normal;
  }
}
.bluepage {
  width: 100%;
  height: auto;
  overflow: hidden;
  zoom: 1;
  margin: auto;
  background: #ebf3ff;
  padding-bottom: 30px;
}
.bluepage .container {
  margin-top: 24px;
  background: #fff;
}
.jsbox {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  background: none !important;
}
@media (min-width: 1000px) {
  .jsbox .item {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 240px;
    background: #fff;
    margin-left: 24px;
  }
  .jsbox .item:first-child {
    margin-left: 0;
  }
  .jsbox .item p {
    padding: 0 44px;
    text-align: center;
  }
  .jsbox .item .p1 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
  }
  .jsbox .item .p2 {
    font-size: 14px;
    color: #333;
    padding-top: 14px;
    line-height: 28px;
  }
  .jsbox .item .yuan {
    width: 70px;
    height: 70px;
    margin: 22px auto;
    border: 1px solid #0060ff;
    border-radius: 100%;
    overflow: hidden;
  }
  .jsbox .item .yuan img {
    display: block;
    width: 52px;
    height: 52px;
    margin: 9px auto;
  }
}
@media (min-width: 520px) and (max-width: 999px) {
  .jsbox .item {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 190px;
    background: #fff;
    margin-left: 12px;
  }
  .jsbox .item:first-child {
    margin-left: 0;
  }
  .jsbox .item p {
    padding: 0 10px;
    text-align: center;
  }
  .jsbox .item .p1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
  }
  .jsbox .item .p2 {
    font-size: 13px;
    color: #333;
    padding-top: 12px;
    line-height: 22px;
  }
  .jsbox .item .yuan {
    width: 50px;
    height: 50px;
    margin: 14px auto;
    border: 1px solid #0060ff;
    border-radius: 100%;
    overflow: hidden;
  }
  .jsbox .item .yuan img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto;
  }
}
@media (max-width: 519px) {
  .jsbox .item {
    width: 100%;
    height: 172px;
    background: #fff;
    margin-bottom: 12px;
  }
  .jsbox .item:first-child {
    margin-left: 0;
  }
  .jsbox .item p {
    padding: 0 10px;
    text-align: center;
  }
  .jsbox .item .p1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
  }
  .jsbox .item .p2 {
    font-size: 13px;
    color: #333;
    padding-top: 12px;
    line-height: 22px;
  }
  .jsbox .item .yuan {
    width: 50px;
    height: 50px;
    margin: 14px auto;
    border: 1px solid #0060ff;
    border-radius: 100%;
    overflow: hidden;
  }
  .jsbox .item .yuan img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto;
  }
}
@media (min-width: 960px) {
  .jsbox .itemm {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .jsbox .itemm .item-left {
    width: 170px;
    height: 100%;
    margin-left: 30px;
  }
  .jsbox .itemm .item-left .yuan {
    width: 70px;
    height: 70px;
    margin: 50px auto 0;
    border: 1px solid #0060ff;
    border-radius: 100%;
    overflow: hidden;
  }
  .jsbox .itemm .item-left .yuan img {
    display: block;
    width: 52px;
    height: 52px;
    margin: 9px auto;
  }
  .jsbox .itemm .item-left .p1 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-top: 18px;
    text-align: center;
  }
  .jsbox .itemm .item-right {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
    margin-left: 40px;
    margin-right: 30px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 959px) {
  .jsbox .itemm .item-left {
    width: 170px;
    height: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .jsbox .itemm .item-left .yuan {
    width: 50px;
    height: 50px;
    margin: 14px auto 0;
    border: 1px solid #0060ff;
    border-radius: 100%;
    overflow: hidden;
  }
  .jsbox .itemm .item-left .yuan img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto;
  }
  .jsbox .itemm .item-left .p1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    padding-top: 10px;
    text-align: center;
  }
  .jsbox .itemm .item-right {
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    margin-top: 12px;
  }
}
@media (min-width: 1000px) {
  .compaddingbox {
    padding: 30px;
  }
}
@media (max-width: 999px) {
  .compaddingbox {
    padding: 10px;
  }
}
.bluepage .service_bg1 {
  background: url("../images/zu4.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
.bluepage .service_bg2 {
  background: url("../images/zu5.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 1000px) {
  .service .service-head {
    margin: 50px 30px 10px;
    height: 10px;
    border-bottom: 1px dashed #5797ff;
    position: relative;
  }
  .service .service-head p {
    display: table;
    font-size: 24px;
    color: #0060ff;
    padding: 0 10px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    z-index: 1;
    top: -6px;
  }
}
@media (max-width: 999px) {
  .service .service-head {
    margin: 30px 10px 4px;
    height: 10px;
    border-bottom: 1px dashed #5797ff;
    position: relative;
  }
  .service .service-head p {
    display: table;
    font-size: 18px;
    color: #0060ff;
    padding: 0 10px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -91px;
    z-index: 1;
    top: -1px;
  }
}
@media (min-width: 820px) {
  .service .item {
    width: 14.2857%;
    float: left;
    height: 170px;
    margin-bottom: 14px;
  }
  .service .item i {
    display: block;
    text-align: center;
    line-height: 110px;
    font-size: 36px;
    color: #bfbfbf;
  }
  .service .item .k {
    width: 110px;
    height: 110px;
    margin: auto;
    background: url("../images/kk.png");
    background-size: 100% 100%;
    overflow: hidden;
  }
  .service .item .k img {
    display: block;
    width: 42px;
    height: 42px;
    margin: 34px auto;
  }
  .service .item p {
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding-top: 10px;
  }
}
@media (min-width: 460px) and (max-width: 819px) {
  .service .item {
    width: 25%;
    float: left;
    height: 170px;
    margin-bottom: 14px;
  }
  .service .item i {
    display: block;
    text-align: center;
    line-height: 110px;
    font-size: 36px;
    color: #bfbfbf;
  }
  .service .item .k {
    width: 80px;
    height: 80px;
    margin: auto;
    background: url("../images/kk.png");
    background-size: 100% 100%;
    overflow: hidden;
  }
  .service .item .k img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 24px auto;
  }
  .service .item p {
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding: 8px 4px 0;
  }
  .service .item_i {
    display: none;
  }
}
@media (max-width: 459px) {
  .service .item {
    width: 50%;
    float: left;
    height: 140px;
    margin-bottom: 10px;
  }
  .service .item i {
    display: block;
    text-align: center;
    line-height: 110px;
    font-size: 36px;
    color: #bfbfbf;
  }
  .service .item .k {
    width: 80px;
    height: 80px;
    margin: auto;
    background: url("../images/kk.png");
    background-size: 100% 100%;
    overflow: hidden;
  }
  .service .item .k img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 24px auto;
  }
  .service .item p {
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding: 8px 4px 0;
  }
  .service .item_i {
    display: none;
  }
}
@media (min-width: 860px) {
  .service .list {
    width: 30%;
    float: left;
    height: 70px;
    margin-bottom: 2px;
    margin-left: 5%;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .service .list:nth-child(3n+1) {
    margin-left: 0;
  }
  .service .list .span {
    width: 38px;
    height: 38px;
    border: 1px solid #0764ff;
    border-radius: 100%;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
    color: #0060ff;
  }
  .service .list .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    margin-left: 10px;
    height: 56px;
    margin-top: 6px;
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .service .list_xg {
    width: 49%;
    margin-left: 2%;
    height: 52px;
  }
  .service .list_xg:nth-child(3n+1) {
    margin-left: 2%;
  }
  .service .list_xg:nth-child(2n+1) {
    margin-left: 0;
  }
  .service .list_xg .span {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 100%;
    background: #0764ff;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-top: 4px;
  }
  .service .list_xg .txt {
    margin-top: 0;
  }
}
@media (min-width: 520px) and (max-width: 859px) {
  .service .list {
    width: 49%;
    float: left;
    height: 50px;
    margin-bottom: 2px;
    margin-left: 2%;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .service .list:nth-child(2n+1) {
    margin-left: 0;
  }
  .service .list .span {
    width: 28px;
    height: 28px;
    border: 1px solid #0764ff;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #0060ff;
  }
  .service .list .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    margin-left: 10px;
    height: 40px;
    margin-top: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 519px) {
  .service .list {
    width: 100%;
    float: left;
    height: 50px;
    margin-bottom: 2px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .service .list .span {
    width: 28px;
    height: 28px;
    border: 1px solid #0764ff;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #0060ff;
  }
  .service .list .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    margin-left: 10px;
    height: 40px;
    margin-top: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 859px) {
  .service .list_xg {
    width: 100%;
    margin-left: 0;
    height: 40px;
  }
  .service .list_xg:nth-child(2n+1) {
    margin-left: 0;
  }
  .service .list_xg .span {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 100%;
    background: #0764ff;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-top: 4px;
  }
  .service .list_xg .txt {
    margin-top: 6px;
  }
}
.service-box-one .compaddingbox {
  overflow: hidden;
  background: url(../images/group_1.png) 100% 0 no-repeat;
}
.service-box-two .compaddingbox {
  overflow: hidden;
  background: url("../images/group_2.png") no-repeat;
}
@media (min-width: 520px) {
  .givdata .item {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-bottom: 10px;
  }
  .givdata .item:last-child {
    margin-bottom: 0;
  }
  .givdata .item .item-head {
    background: #cce0ff;
    padding: 0 18px;
    height: 52px;
    cursor: pointer;
  }
  .givdata .item .item-head p {
    float: left;
    line-height: 52px;
    font-size: 18px;
    color: #0060ff;
  }
  .givdata .item .item-head i {
    font-size: 24px;
    color: #0060ff;
    display: block;
    float: right;
    line-height: 52px;
    display: none;
    cursor: pointer;
  }
  .givdata .item .item-head .icon-xiangxia {
    display: block;
  }
  .givdata .item .item-head-act {
    background: #0060ff;
  }
  .givdata .item .item-head-act p {
    color: #fff;
  }
  .givdata .item .item-head-act i {
    color: #fff;
  }
  .givdata .item .item-head-act .icon-xiangxia {
    display: none;
  }
  .givdata .item .item-head-act .icon-xiangshang1 {
    display: block;
  }
  .givdata .item .item-body {
    padding: 18px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    box-sizing: border-box;
    border: 1px solid #0060ff;
    border-top: none;
    font-size: 14px;
    color: #333;
    display: none;
  }
}
@media (max-width: 519px) {
  .givdata .item {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-bottom: 10px;
  }
  .givdata .item:last-child {
    margin-bottom: 0;
  }
  .givdata .item .item-head {
    background: #cce0ff;
    padding: 0 8px;
    height: 40px;
    cursor: pointer;
  }
  .givdata .item .item-head p {
    float: left;
    line-height: 40px;
    font-size: 15px;
    color: #0060ff;
  }
  .givdata .item .item-head i {
    font-size: 18px;
    color: #0060ff;
    display: block;
    float: right;
    line-height: 40px;
    display: none;
    cursor: pointer;
  }
  .givdata .item .item-head .icon-xiangxia {
    display: block;
  }
  .givdata .item .item-head-act {
    background: #0060ff;
  }
  .givdata .item .item-head-act p {
    color: #fff;
  }
  .givdata .item .item-head-act i {
    color: #fff;
  }
  .givdata .item .item-head-act .icon-xiangxia {
    display: none;
  }
  .givdata .item .item-head-act .icon-xiangshang1 {
    display: block;
  }
  .givdata .item .item-body {
    padding: 8px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    box-sizing: border-box;
    border: 1px solid #0060ff;
    border-top: none;
    font-size: 13px;
    color: #333;
    display: none;
  }
}
@media (min-width: 970px) {
  .subdata .box {
    width: 898px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .subdata .box .leftbox {
    width: 270px;
    float: left;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .subdata .box .leftbox .btn {
    float: left;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #808080;
    border-radius: 26px;
    margin: 9px auto;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333;
  }
  .subdata .box .leftbox .btn-act {
    border-color: #0060ff;
    background: #0060ff;
    color: #fff;
  }
  .subdata .box .rightimg {
    width: 600px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    float: right;
  }
  .subdata .box .rightimg img {
    display: block;
    width: 100%;
  }
}
@media (max-width: 969px) {
  .subdata .box {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .subdata .box .leftbox {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-bottom: 10px;
  }
  .subdata .box .leftbox .btn {
    float: left;
    cursor: pointer;
    display: block;
    width: 49%;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #808080;
    border-radius: 26px;
    margin: 4px auto;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin-left: 2%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .subdata .box .leftbox .btn:nth-child(2n+1) {
    margin-left: 0;
  }
  .subdata .box .leftbox .btn-act {
    border-color: #0060ff;
    background: #0060ff;
    color: #fff;
  }
  .subdata .box .rightimg {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .subdata .box .rightimg img {
    display: block;
    width: 100%;
  }
}
@media (min-width: 800px) {
  .container-head {
    width: 100%;
    height: 56px;
    margin-top: 8px;
    border-bottom: 1px solid #bfbfbf;
  }
  .container-head .p {
    float: left;
    font-size: 24px;
    color: #0060ff;
    line-height: 56px;
    position: relative;
    margin-left: 30px;
  }
  .container-head .h {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #0060ff;
    left: 0;
    bottom: -1px;
  }
  .container-head span {
    font-size: 16px;
    color: #666666;
    display: block;
    float: left;
    margin-left: 6px;
    line-height: 56px;
  }
}
@media (max-width: 799px) {
  .container-head {
    width: 100%;
    height: 46px;
    margin-top: 2px;
    border-bottom: 1px solid #bfbfbf;
  }
  .container-head .p {
    float: left;
    font-size: 18px;
    color: #0060ff;
    line-height: 46px;
    position: relative;
    margin-left: 10px;
  }
  .container-head .h {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #0060ff;
    left: 0;
    bottom: -1px;
  }
  .container-head span {
    font-size: 16px;
    color: #666666;
    display: block;
    float: left;
    margin-left: 6px;
    line-height: 56px;
    display: none;
  }
}
@media (min-width: 1260px) {
  .remind .box {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .remind .box .item {
    width: 560px;
    height: 440px;
  }
  .remind .box .item .item-head {
    width: 100%;
    height: 138px;
    position: relative;
  }
  .remind .box .item .item-head img {
    display: block;
  }
  .remind .box .item .item-head .lay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: row;
    /* 子元素横向排列 */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
  }
  .remind .box .item .item-head .lay i {
    font-size: 40px;
    color: #fff;
    display: block;
  }
  .remind .box .item .item-head .lay p {
    font-size: 24px;
    color: #fff;
    margin-left: 10px;
    display: block;
  }
  .remind .box .item .item-body {
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-top: none;
    height: 300px;
  }
  .remind .box .item .item-body .list {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #333;
  }
  .remind .box .item .item-body .list:hover {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 47px;
    border-bottom: 1px dashed #bfbfbf;
  }
  .remind .box .item .item-body .listt:last-child {
    border-bottom: none;
  }
  .remind .box .item .item-body .listt:hover .txt {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt:hover .date {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt .txt {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-right: 10px;
    line-height: 48px;
    color: #333333;
    font-size: 14px;
  }
  .remind .box .item .item-body .listt .date {
    font-size: 14px;
    color: #808080;
    float: right;
    line-height: 48px;
  }
  .remind .box .item .item-body .li {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 22px;
    margin-top: 18px;
  }
  .remind .box .item .item-body .li .span {
    width: 34px;
    border-right: 1px solid #0060ff;
  }
  .remind .box .item .item-body .li .span i {
    display: block;
    font-size: 20px;
    color: #0060ff;
    line-height: 22px;
    text-align: center;
  }
  .remind .box .item .item-body .li .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    margin-left: 12px;
    line-height: 22px;
  }
}
@media (min-width: 560px) and (max-width: 1259px) {
  .remind .box {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .remind .box .item {
    width: 48%;
  }
  .remind .box .item .item-head {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
  }
  .remind .box .item .item-head img {
    display: block;
    width: 100%;
  }
  .remind .box .item .item-head .lay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: row;
    /* 子元素横向排列 */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
  }
  .remind .box .item .item-head .lay i {
    font-size: 30px;
    color: #fff;
    display: block;
  }
  .remind .box .item .item-head .lay p {
    font-size: 18px;
    color: #fff;
    margin-left: 6px;
    display: block;
  }
  .remind .box .item .item-body {
    padding: 10px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-top: none;
    height: 220px;
  }
  .remind .box .item .item-body .list {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #333;
  }
  .remind .box .item .item-body .list:hover {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 34px;
    border-bottom: 1px dashed #bfbfbf;
  }
  .remind .box .item .item-body .listt:last-child {
    border-bottom: none;
  }
  .remind .box .item .item-body .listt:hover .txt {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt:hover .date {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt .txt {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-right: 10px;
    line-height: 34px;
    color: #333333;
    font-size: 14px;
  }
  .remind .box .item .item-body .listt .date {
    font-size: 14px;
    color: #808080;
    float: right;
    line-height: 34px;
  }
  .remind .box .item .item-body .li {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 22px;
    margin-top: 18px;
  }
  .remind .box .item .item-body .li .span {
    width: 34px;
    border-right: 1px solid #0060ff;
  }
  .remind .box .item .item-body .li .span i {
    display: block;
    font-size: 20px;
    color: #0060ff;
    line-height: 22px;
    text-align: center;
  }
  .remind .box .item .item-body .li .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    margin-left: 12px;
    line-height: 22px;
  }
}
@media (max-width: 559px) {
  .onefloor .floor-container .links{
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .onefloor .floor-container .links p{font-size: 16px;padding-bottom:0;}
  .onefloor .floor-container .links h3{padding:10px 0;padding-bottom:0;font-size:18px;}
  .onefloor .floor-container .links{
    width: 48%;
  }
  .onefloor .floor-container .links img{
    width: 50%;
  }
  .remind .box .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .remind .box .item .item-head {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
  }
  .remind .box .item .item-head img {
    display: block;
    width: 100%;
  }
  .remind .box .item .item-head .lay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: row;
    /* 子元素横向排列 */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
  }
  .remind .box .item .item-head .lay i {
    font-size: 30px;
    color: #fff;
    display: block;
  }
  .remind .box .item .item-head .lay p {
    font-size: 18px;
    color: #fff;
    margin-left: 6px;
    display: block;
  }
  .remind .box .item .item-body {
    padding: 10px 6px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-top: none;
  }
  .remind .box .item .item-body .list {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #333;
  }
  .remind .box .item .item-body .list:hover {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 34px;
    border-bottom: 1px dashed #bfbfbf;
  }
  .remind .box .item .item-body .listt:last-child {
    border-bottom: none;
  }
  .remind .box .item .item-body .listt:hover .txt {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt:hover .date {
    color: #0060ff;
  }
  .remind .box .item .item-body .listt .txt {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-right: 10px;
    line-height: 34px;
    color: #333333;
    font-size: 14px;
  }
  .remind .box .item .item-body .listt .date {
    font-size: 14px;
    color: #808080;
    float: right;
    line-height: 34px;
  }
  .remind .box .item .item-body .li {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 22px;
    margin-top: 18px;
  }
  .remind .box .item .item-body .li .span {
    width: 34px;
    border-right: 1px solid #0060ff;
  }
  .remind .box .item .item-body .li .span i {
    display: block;
    font-size: 20px;
    color: #0060ff;
    line-height: 22px;
    text-align: center;
  }
  .remind .box .item .item-body .li .txt {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    margin-left: 12px;
    line-height: 22px;
  }

  .twofloor .itembox .item .listbox .big {
    display: none;
  }

}
.wraypage {
  width: 100%;
  height: auto;
  overflow: hidden;
  zoom: 1;
  margin: auto;
  background: #f5f5f5;
}
@media (min-width: 1260px) {
  .knowledge {
    margin-top: 40px;
    margin-bottom: 14px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .knowledge .item {
    display: block;
    width: 588px;
    height: 200px;
    background: #fff;
    margin-bottom: 20px;
  }
  .knowledge .item:hover .cont .title {
    font-weight: bold;
    color: #0060ff;
  }
  .knowledge .item:hover .cont .down .span {
    background: #0060ff;
    color: #fff;
  }
  .knowledge .item .cont {
    padding: 20px;
  }
  .knowledge .item .cont .title {
    width: 100%;
    height: 46px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 46px;
    font-size: 18px;
    color: #000000;
  }
  .knowledge .item .cont .txt {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .knowledge .item .cont .down {
    width: 100%;
    height: 32px;
    margin-top: 24px;
  }
  .knowledge .item .cont .down p {
    float: left;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #666;
  }
  .knowledge .item .cont .down i {
    display: block;
    float: left;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    margin-left: 22px;
    margin-right: 6px;
  }
  .knowledge .item .cont .down .span {
    width: 100px;
    height: 100%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #0060ff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #0060ff;
  }
}
@media (min-width: 680px) and (max-width: 1259px) {
  .knowledge {
    margin-top: 20px;
    margin-bottom: 10px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .knowledge .item {
    display: block;
    width: 48%;
    height: 154px;
    background: #fff;
    margin-bottom: 20px;
  }
  .knowledge .item:hover .cont .title {
    font-weight: bold;
    color: #0060ff;
  }
  .knowledge .item:hover .cont .down .span {
    background: #0060ff;
    color: #fff;
  }
  .knowledge .item .cont {
    padding: 10px;
  }
  .knowledge .item .cont .title {
    width: 100%;
    height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 38px;
    font-size: 16px;
    color: #000000;
  }
  .knowledge .item .cont .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .knowledge .item .cont .down {
    width: 100%;
    height: 32px;
    margin-top: 14px;
  }
  .knowledge .item .cont .down p {
    float: left;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #666;
  }
  .knowledge .item .cont .down i {
    display: block;
    float: left;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    margin-left: 22px;
    margin-right: 6px;
  }
  .knowledge .item .cont .down .span {
    width: 100px;
    height: 100%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #0060ff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #0060ff;
  }
}
@media (max-width: 679px) {
  .knowledge {
    margin-top: 20px;
    margin-bottom: 10px;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .knowledge .item {
    display: block;
    width: 100%;
    height: 154px;
    background: #fff;
    margin-bottom: 10px;
  }
  .knowledge .item:hover .cont .title {
    font-weight: bold;
    color: #0060ff;
  }
  .knowledge .item:hover .cont .down .span {
    background: #0060ff;
    color: #fff;
  }
  .knowledge .item .cont {
    padding: 10px 6px;
  }
  .knowledge .item .cont .title {
    width: 100%;
    height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 38px;
    font-size: 16px;
    color: #000000;
  }
  .knowledge .item .cont .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .knowledge .item .cont .down {
    width: 100%;
    height: 32px;
    margin-top: 14px;
  }
  .knowledge .item .cont .down p {
    float: left;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #666;
  }
  .knowledge .item .cont .down i {
    display: block;
    float: left;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    margin-left: 22px;
    margin-right: 6px;
  }
  .knowledge .item .cont .down .span {
    width: 100px;
    height: 100%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #0060ff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #0060ff;
    display: none;
  }
}
@media (min-width: 840px) {
  .comdetailbox {
    padding: 30px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .comdetailbox .head {
    padding: 0 0 20px;
    border-bottom: 1px solid #bfbfbf;
  }
  .comdetailbox .head .p1 {
    font-size: 20px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    line-height: 30px;
  }
  .comdetailbox .head .p2 {
    font-size: 14px;
    color: #666;
    padding-top: 10px;
  }
  .comdetailbox .head .p2 span {
    padding: 0 10px;
  }
  .comdetailbox .head .p4 {
    font-size: 20px;
    color: #343434;
    line-height: 30px;
  }
  .comdetailbox .head .p4 span {
    font-size: 16px;
    color: #666;
  }
}
@media (max-width: 839px) {
  .comdetailbox {
    padding: 14px 8px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .comdetailbox .head {
    padding: 8px 0 12px;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
  }
  .comdetailbox .head .p1 {
    font-size: 16px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    line-height: 22px;
  }
  .comdetailbox .head .p2 {
    font-size: 12px;
    color: #666;
    padding-top: 10px;
  }
  .comdetailbox .head .p2 span {
    padding: 0 4px;
  }
  .comdetailbox .head .p4 {
    font-size: 16px;
    color: #343434;
    line-height: 30px;
  }
  .comdetailbox .head .p4 span {
    font-size: 12px;
    color: #666;
  }
}
.editbox {
  width: 100%;
  height: auto;
  overflow: hidden;
  zoom: 1;
  margin: auto;
  margin-top: 32px;
}
.editbox img {
  display: block;
  max-width: 100%;
  margin: 12px auto;
}
.btnbox {
  width: 100%;
  height: 32px;
  margin-top: 20px;
}
.btnbox .btn {
  display: block;
  width: 106px;
  height: 32px;
  float: right;
  box-sizing: border-box;
  border: 1px solid #e04543;
  color: #e04543;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin-left: 14px;
  border-radius: 16px;
}
.btnbox .btn:hover {
  background: #e04543;
  color: #fff;
}
@media (min-width: 640px) {
  .detail-down {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    border-top: 1px solid #aaaaaa;
    margin-top: 30px;
  }
  .detail-down .goback {
    display: block;
    width: 132px;
    height: 32px;
    border-radius: 16px;
    border: 2px solid #383c8e;
    color: #383c8e;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin: 10px 0 30px;
    float: right;
  }
  .detail-down .goback:hover {
    background: #383c8e;
    color: #fff;
  }
}
@media (max-width: 639px) {
  .detail-down {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    border-top: 1px solid #aaaaaa;
    margin-top: 20px;
  }
  .detail-down .goback {
    display: block;
    width: 132px;
    height: 32px;
    border-radius: 16px;
    border: 2px solid #383c8e;
    color: #383c8e;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin: 10px 0 30px;
    float: right;
  }
  .detail-down .goback:hover {
    background: #383c8e;
    color: #fff;
  }
}
.white {
  background: #fff;
  margin: 30px auto 30px;
}
@media (min-width: 840px) {
  .askbox {
    padding: 20px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .askbox .item {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    border-bottom: 1px dashed #bfbfbf;
    margin-bottom: 16px;
  }
  .askbox .item:last-child {
    margin-bottom: 0;
  }
  .askbox .item .item-head {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .askbox .item .item-head .icon {
    display: block;
    float: left;
    font-size: 26px;
    color: #b71f22;
    line-height: 36px;
  }
  .askbox .item .item-head p {
    display: block;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    font-size: 18px;
    color: #000000;
    margin-left: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 24px;
  }
  .askbox .item .item-body {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    font-size: 14px;
    color: #666;
    margin: 8px auto 20px;
  }
  .askbox .item .item-body .p1 {
    width: 59px;
    display: block;
    text-align: right;
    line-height: 22px;
  }
  .askbox .item .item-body .p2 {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-left: 4px;
    line-height: 22px;
  }
}
@media (max-width: 839px) {
  .askbox {
    padding: 12px 8px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
  }
  .askbox .item {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    border-bottom: 1px dashed #bfbfbf;
    margin-bottom: 12px;
  }
  .askbox .item:last-child {
    margin-bottom: 0;
  }
  .askbox .item .item-head {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .askbox .item .item-head .icon {
    display: block;
    float: left;
    font-size: 18px;
    color: #b71f22;
    line-height: 26px;
  }
  .askbox .item .item-head p {
    display: block;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    font-size: 15px;
    color: #000000;
    margin-left: 6px;
    margin-top: 3px;
    margin-bottom: 6px;
    line-height: 20px;
  }
  .askbox .item .item-body {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    font-size: 14px;
    color: #666;
    margin: 4px auto 10px;
  }
  .askbox .item .item-body .p1 {
    width: 50px;
    display: block;
    text-align: right;
    line-height: 22px;
  }
  .askbox .item .item-body .p2 {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-left: 4px;
    line-height: 22px;
  }
}
@media (min-width: 1280px) {
  .honorbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 42px;
  }
  .honorbox .list {
    display: block;
    width: 360px;
    height: 314px;
    float: left;
    margin-left: 30px;
    margin-bottom: 28px;
  }
  .honorbox .list:nth-child(3n+1) {
    margin-left: 0;
  }
  .honorbox .list:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .honorbox .list .img {
    width: 100%;
    height: 272px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    background: #f5f5f5;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
    overflow: hidden;
  }
  .honorbox .list .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    /* Firefox 4 */
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -o-transition: all 1s ease;
    /* Opera */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .honorbox .list .title {
    height: 26px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
  }
}
@media (min-width: 680px) and (max-width: 1279px) {
  .honorbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 32px;
  }
  .honorbox .list {
    display: block;
    width: 32%;
    height: 314px;
    float: left;
    margin-left: 2%;
    margin-bottom: 20px;
  }
  .honorbox .list:nth-child(3n+1) {
    margin-left: 0;
  }
  .honorbox .list:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .honorbox .list .img {
    width: 100%;
    height: 272px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    background: #f5f5f5;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
    overflow: hidden;
  }
  .honorbox .list .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    /* Firefox 4 */
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -o-transition: all 1s ease;
    /* Opera */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .honorbox .list .title {
    height: 26px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
  }
}
@media (min-width: 480px) and (max-width: 679px) {
  .honorbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 32px;
  }
  .honorbox .list {
    display: block;
    width: 49%;
    height: 242px;
    float: left;
    margin-left: 2%;
    margin-bottom: 20px;
  }
  .honorbox .list:nth-child(2n+1) {
    margin-left: 0;
  }
  .honorbox .list:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .honorbox .list .img {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    background: #f5f5f5;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
    overflow: hidden;
  }
  .honorbox .list .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    /* Firefox 4 */
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -o-transition: all 1s ease;
    /* Opera */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .honorbox .list .title {
    height: 26px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
  }
}
@media (max-width: 479px) {
  .honorbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 22px;
  }
  .honorbox .list {
    display: block;
    width: 49%;
    height: 160px;
    float: left;
    margin-left: 2%;
    margin-bottom: 6px;
  }
  .honorbox .list:nth-child(2n+1) {
    margin-left: 0;
  }
  .honorbox .list:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .honorbox .list .img {
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    background: #f5f5f5;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    /* 相对父元素水平居中 */
    align-items: center;
    /*  子元素相对父元素垂直居中 */
    overflow: hidden;
  }
  .honorbox .list .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    /* Firefox 4 */
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -o-transition: all 1s ease;
    /* Opera */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .honorbox .list .title {
    height: 26px;
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    margin-top: 8px;
  }
}
@media (min-width: 900px) {
  .map {
    width: 100%;
    height: 500px;
    position: relative;
    margin-top: 36px;
  }
  .map .box {
    width: 320px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 20px;
    background: #0060ff;
    position: absolute;
    z-index: 1;
    bottom: 100px;
    right: 0;
  }
  .map .box p {
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
  }
  .map .box p:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 899px) {
  .map {
    width: 100%;
    height: 320px;
    position: relative;
    margin-top: 26px;
  }
  .map .box {
    width: 270px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 10px 6px;
    background: rgba(0, 96, 255, 0.6);
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
  }
  .map .box p {
    font-size: 14px;
    color: #fff;
    padding-bottom: 4px;
  }
  .map .box p:last-child {
    padding-bottom: 0;
  }
}
@media (min-width: 680px) {
  .board {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 40px;
  }
  .board .board-item {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .board .board-item input,
  .board .board-item textarea {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-left: 12px;
    background: #f5f5f5;
    color: #666666;
    font-size: 14px;
    text-indent: 1em;
    outline: none;
  }
  .board .board-item input:first-child,
  .board .board-item textarea:first-child {
    margin-left: 0;
  }
  .board .board-item input {
    height: 50px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .board .board-item textarea {
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    resize: none;
    margin-top: 10px;
    line-height: 36px;
  }
  .board .sub {
    border: none;
    display: block;
    margin: 14px auto;
    width: 230px;
    height: 50px;
    background: #0060ff;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
  }
}
@media (max-width: 679px) {
  .board {
    width: 100%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 24px;
  }
  .board .board-item input,
  .board .board-item textarea {
    width: 100%;
    background: #f5f5f5;
    color: #666666;
    font-size: 14px;
    text-indent: 1em;
    outline: none;
  }
  .board .board-item input:first-child,
  .board .board-item textarea:first-child {
    margin-left: 0;
  }
  .board .board-item input {
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-top: 10px;
  }
  .board .board-item textarea {
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    resize: none;
    margin-top: 10px;
    line-height: 36px;
  }
  .board .sub {
    border: none;
    display: block;
    margin: 14px auto;
    width: 180px;
    height: 40px;
    background: #0060ff;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
  }
}
@media (min-width: 640px) {
  .search-box {
    width: 600px;
    margin: 30px auto;
    height: 42px;
  }
  .search-box input {
    display: block;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
    height: 40px;
    border: 1px solid #d6d6d6;
    outline: none;
    text-indent: 10px;
  }
  .search-box a {
    display: block;
    width: 86px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    float: right;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border-radius: 6px;
  }
  .search-box a:hover {
    border-color: #0060ff;
    color: #fff;
    background: #0060ff;
  }
}
@media (max-width: 639px) {
  .search-box {
    width: 96%;
    margin: 30px auto;
    height: 42px;
  }
  .search-box input {
    display: block;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
    height: 40px;
    border: 1px solid #d6d6d6;
    outline: none;
    text-indent: 10px;
  }
  .search-box a {
    display: block;
    width: 86px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    float: right;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border-radius: 6px;
  }
  .search-box a:hover {
    border-color: #0060ff;
    color: #fff;
    background: #0060ff;
  }
}
@media (min-width: 1280px) {
  .search-jg {
    width: 1200px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .search-jg .list {
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #d6d6d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    line-height: 40px;
    font-size: 14px;
  }
  .search-jg .list:hover {
    background: #ccc;
    color: #0060ff;
  }
}
@media (max-width: 1279px) {
  .search-jg {
    width: 96%;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .search-jg .list {
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #d6d6d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    line-height: 40px;
    font-size: 14px;
  }
  .search-jg .list:hover {
    background: #ccc;
    color: #0060ff;
  }
}

@media (max-width: 639px) {
  .xz_listbox {
    padding: 8px;
    height: auto;
    overflow: hidden;
    zoom: 1;
    margin: auto;
    background: #fff;
    margin: 20px auto;
  }
  .xz_listbox .list {
    display: block;
    width: 100%;
    height: 46px;
    border-bottom: 1px dashed #cccccc;
    line-height: 46px;
  }
  .xz_listbox .list .more {
    float: right;
    color: #0060ff;
    font-size: 14px;
    line-height: 52px;
  }
  .xz_listbox .list:hover .list-left {
    color: #0060ff;
  }
  .xz_listbox .list:last-child {
    border-bottom: none;
  }
  .xz_listbox .list .list-left {
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    width: calc(100% - 96px);
    font-size: 16px;
    color: #4c4c4c;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .xz_listbox .list .date {
    font-size: 14px;
    color: #808080;
    float: right;
  }
}
.paged {
  font-size: 0;
  text-align: center;
  padding-bottom:30px;
}

.paged a,.paged .p_info,.paged .current {
  display: inline-block;
  vertical-align: top;
  margin: 6px 3px 0;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width: 750px) {
  .paged a,.paged .p_info,.paged .current {
      margin:4px 2px 0;
      padding: 0 12px;
      height: 30px;
      line-height: 30px;
      font-size: 12px
  }
}

.paged .current,.paged a:hover {
  color: #fff;
  background: #9a180b
}

.paged .disabled {
  cursor: default;
  background-color: #e0e0e0
}

.paged .disabled:hover {
  color: #333;
  background-color: #e0e0e0
}
.banner-pic img{
  display:block;
}